import React from 'react'
import '../../styles/myJump/condition.css'
import axios from 'axios'
axios.default.widthCredentials = true

class Aboutme extends React.Component {
    constructor() {
        super()
        this.state = {
            profile: ''
        }
    }

    componentDidMount() {
        let profile = JSON.parse(localStorage.getItem('profile'))
        this.setState({ profile: profile })
        // http://jx.xuzhixiang.top/ap/api/all-province.php
    }

    render() {
        let { profile } = this.state
        console.log(profile)
        return (
            <div className='web-about-wrap'>
                <h2 className='web-about-title'>个人信息</h2>
                <div className='web-about-msg'>
                    <p>等级：{profile.playlistCount}</p>
                    <span>地区：{profile.city}</span>
                </div>
                <h2 className='web-about-title'>个人介绍</h2>
                <div className='web-about-msg'>
                    <p>{profile.signature}</p>
                </div>
            </div>
        )
    }
}

export default Aboutme